<template>
    <div>
        <CommonContainer title="原合同模版">
            <el-descriptions>
                <el-descriptions-item label="原合同模版">
                    <div class="flex-row-center" style="position: relative;top:-6px">
                        <span>{{ detailInfo.oldTemplateName }}</span>
                        <el-button style="margin-left: 15px;" type="text" @click="handleSeeContractContent(detailInfo.oldTemplateId)">查看</el-button>
                    </div>
                </el-descriptions-item>
            </el-descriptions>
        </CommonContainer>
        <common-contract-content ref="commonContractContentOld"></common-contract-content>
    </div>

</template>

<script>
import CommonContractContent from "@/views/contractTemplate/components/CommonContractContent.vue";

export default {
    components: {CommonContractContent},
    props: {
        detailInfo: {
            type: Object,
            default: {}
        }
    },
    data() {
        return {}
    },
    computed: {},
    methods: {
        handleSeeContractContent(id){
            this.$refs.commonContractContentOld.show(id)
        }
    },
    mounted() {
    },

}
</script>

<style lang="scss" scoped>
</style>
